// 个人中心的基本资料子模块 相关的js代码

// 获取用户的个人信息
function selfUser() {
  axios({
    method: 'GET',
    url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
    // 自定义请求头
    headers: {
      Authorization: localStorage.getItem('token')
    }
  }).then(({ data: res }) => {
    // console.log(res);
    // 判断请求成功
    if (res.status === 0) {
      let { id, username, nickname, email, user_pic } = res.data
      console.log(id, username, nickname, email, user_pic);
      $('input[name=username]').val(username)
      $('input[name=nickname]').val(nickname)
      $('input[name=email]').val(email)
      $('input[name=id]').val(id)
    }
  })
}
selfUser()


// 确认修改

$('form').on('submit', function (e) {
  // 阻止默认行为
  e.preventDefault()
  // id nickname email
  // key=value&key=value
  // console.log($('form').serialize());
  axios({
    method: 'POST',
    url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
    data: $('form').serialize(),
    // 自定义请求头
    headers: {
      Authorization: localStorage.getItem('token')
    }
  }).then(({ data: res }) => {
    // console.log(res);
    // 修改信息成功的处理
    if(res.status === 0) {
      // 调用父亲的window身上的getUserInfo()
      window.parent.getUserInfo()
    }
    
  })
})
// console.log('iframe小网页的window',window); // iframe小网页的window
// console.log('小网页的window的父亲',window.parent); // iframe小网页的window


// 重置功能
$('.my-reset').on('click', function (e) {
  e.preventDefault()
  selfUser()  // 重新发送请求,获取数据,渲染页面
})


let form = layui.form;

form.verify({ // 指定规则名和对应的验证规则
    nickname: [ // 昵称
        /^[\u4E00-\u9FA5]+$/,  
        '昵称只能是中文'
    ],
})